/* Styling of inputs to have the same bootstrap look as form-control elements */

input[type=email],
input[type=file],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
select,
django-ckeditor-widget,
textarea {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    outline: none;
}

form li label input{
    display: inline-block;
    width: unset;
}

form select:not([multiple]){
    -webkit-appearance: none;
    background-color: white;
    background-image:
            linear-gradient(45deg, transparent 50%, black 50%),
            linear-gradient(135deg, black 50%, transparent 50%);
    background-position:
            calc(100% - 15px) calc(1em + 1px),
            calc(100% - 10px) calc(1em + 1px);
    background-size:
            5px 5px,
            5px 5px;
    background-repeat: no-repeat;
    padding-right: 25px;
}

input::-ms-expand {
    background-color: transparent;
    border: 0;
}

input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: none;
}

input::-webkit-input-placeholder {
    color: #868e96;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #868e96;
    opacity: 1;
}

input::placeholder {
    color: #868e96;
    opacity: 1;
}

.field-label{
    position: absolute;
    bottom: 0;
}